<!DOCTYPE html>

<html>

<head>
  <meta charset="utf-8">
  <meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no">
  <title>Quickstart with static contents on Web+</title>
</head>

<body data-spy="scroll" data-target="#navbar" data-offset="200">

  <nav class="navbar navbar-expand-lg navbar-dark pb_navbar pb_scrolled-light" id="navbar">
    <div class="container">
      <a class="navbar-brand" href="https://webplus.console.aliyun.com"><i class="fas fa-home"></i> Web+</a>
      <button class="navbar-toggler ml-auto" type="button" data-toggle="collapse" data-target="#navbar-content">
        <i class="fas fa-bars"></i>
      </button>
      <div class="collapse navbar-collapse" id="navbar-content">
        <ul class="navbar-nav ml-auto">
          <li class="nav-item"><a class="nav-link active" href="#section-home">Home</a></li>
          <li class="nav-item"><a class="nav-link" href="#section-features">Features</a></li>
          <li class="nav-item"><a class="nav-link" href="#section-tools">Tools</a></li>
          <li class="nav-item"><a class="nav-link" href="#section-footer">Contact Us</a></li>
          <li class="nav-item cta-btn ml-xl-2 ml-lg-2 ml-md-0 ml-sm-0 ml-0">
            <a class="nav-link" href="https://uicookies.com/" target="_blank">
              <span class="pb_rounded-4 px-4">Quickstart</span>
            </a>
          </li>
        </ul>
      </div>
    </div>

    <a href="https://github.com/aliyun/alibabacloud-webplus-demo-static" target="_blank" class="github-corner" aria-label="View source on GitHub">
      <svg width="80" height="80" viewBox="0 0 250 250" style="fill:#151513; color:#fff; position: absolute; top: 0; border: 0; right: 0;" aria-hidden="true">
        <path d="M0,0 L115,115 L130,115 L142,142 L250,250 L250,0 Z"></path>
        <path d="M128.3,109.0 C113.8,99.7 119.0,89.6 119.0,89.6 C122.0,82.7 120.5,78.6 120.5,78.6 C119.2,72.0 123.4,76.3 123.4,76.3 C127.3,80.9 125.5,87.3 125.5,87.3 C122.9,97.6 130.6,101.9 134.4,103.2" fill="currentColor" style="transform-origin: 130px 106px;" class="octo-arm"></path>
        <path d="M115.0,115.0 C114.9,115.1 118.7,116.5 119.8,115.4 L133.7,101.6 C136.9,99.2 139.9,98.4 142.2,98.6 C133.8,88.0 127.5,74.4 143.8,58.0 C148.5,53.4 154.0,51.2 159.7,51.0 C160.3,49.4 163.2,43.6 171.4,40.1 C171.4,40.1 176.1,42.5 178.8,56.2 C183.1,58.6 187.2,61.8 190.9,65.4 C194.5,69.0 197.7,73.2 200.1,77.6 C213.8,80.2 216.3,84.9 216.3,84.9 C212.7,93.1 206.9,96.0 205.4,96.6 C205.1,102.4 203.0,107.8 198.3,112.5 C181.9,128.9 168.3,122.5 157.7,114.1 C157.9,116.9 156.7,120.9 152.7,124.9 L141.0,136.5 C139.8,137.7 141.6,141.9 141.8,141.8 Z" fill="currentColor" class="octo-body"></path>
      </svg>
    </a>
  </nav>

  <section class="pb_cover_v3 overflow-hidden cover-bg-indigo cover-bg-opacity text-left pb_gradient_v1 pb_slant-light" id="section-home">
    <div class="container">
      <div class="row align-items-center justify-content-center">
        <div class="col-md-6">
          <h2 class="heading mb-3">It's running!</h2>
          <div class="sub-heading">
            <p class="mb-4">Congratulations, you successully deployed a Web+ application to your dedicated environment.</p>
            <!--
            <p class="mb-5">Please follow <a class="smooth-scroll" href="#section-next-steps">these steps</a> to find
              out what you can do next according to the deployment method, then keep on reading the rest sections to
              learn more about Web+.</p>
            -->
          </div>
        </div>
      </div>
    </div>
  </section>

  <section class="pb_section bg-light pb_slant-white pb_pb-250" id="section-features">
    <div class="container">
      <div class="row justify-content-center mb-5">
        <div class="col-md-8 text-center mb-5">
          <h2>Features</h2>
          <p class="pb_font-20">The easiest way to run and manage your applications in Alibaba Cloud.</p>
        </div>
      </div>
      <div class="row">
        <div class="col-lg-4 col-sm-6">
          <div class="media d-block pb_feature-v1 text-left">
            <div class="pb_icon py-4"><i class="fas fa-rocket pb_icon-gradient"></i></div>
            <div class="media-body">
              <h5 class="mt-0 mb-3 heading">Rapid Deployment</h5>
              <p class="text-sans-serif">Rapid deploy predefined or fully customized application environments using web
                console or CLI tools.</p>
            </div>
          </div>
        </div>
        <div class="col-lg-4 col-sm-6">
          <div class="media d-block pb_feature-v1 text-left">
            <div class="pb_icon py-4"><i class="fas fa-headphones-alt pb_icon-gradient"></i></div>
            <div class="media-body">
              <h5 class="mt-0 mb-3 heading">Effortless Maintainance</h5>
              <p class="text-sans-serif">Operate or maintain your application environments in one place without much
                more pain.</p>
            </div>
          </div>
        </div>
        <div class="col-lg-4 col-sm-6">
          <div class="media d-block pb_feature-v1 text-left">
            <div class="pb_icon py-4"><i class="fas fa-chart-line pb_icon-gradient"></i></div>
            <div class="media-body">
              <h5 class="mt-0 mb-3 heading">Out-of-box Monitor</h5>
              <p class="text-sans-serif">Watching your system or applicaton monitoring data without any configuration.
              </p>
            </div>
          </div>
        </div>
      </div>
    </div>
  </section>

  <section class="pb_section bg-white pb_slant-light pb_pb-250" id="section-tools">
    <div class="container">
      <div class="row justify-content-center mb-1">
        <div class="col-md-6 text-center mb-5">
          <h2>Tools</h2>
          <p class="pb_font-20">Stay tuned ...</p>
        </div>
      </div>
    </div>
  </section>

  <footer class="pb_footer bg-light" id="section-footer">
    <div class="container">
      <div class="row">
        <div class="col text-center">
          <p class="pb_pt-50">
            <img src="../../images/dingtalk-logo.svg" class="dingtalk">
            &nbsp; Please scan this QR code with Dingtalk to join user groups.
          </p>
          <img src="../../images/dingtalk-qrcode.png" class="pb-5 pb_w-30" />
          <p class="pb_font-14">© 2017 <a href="https://uicookies.com/">Landing</a> Free Bootstrap4. All Rights
            Reserved. <br> Designed &amp; Developed by <a href="https://uicookies.com/">uicookies.com</a>.</p>
        </div>
      </div>
    </div>
  </footer>

  <div id="pb_loader" class="fullscreen"><svg class="circular" width="48px" height="48px">
    <circle class="path-bg" cx="24" cy="24" r="22" fill="none" stroke-width="4" stroke="#eeeeee"></circle>
    <circle class="path" cx="24" cy="24" r="22" fill="none" stroke-width="4" stroke-miterlimit="10" stroke="#1d82ff"></circle>
  </svg></div>

</body>
</html>